<template>
	<el-container>
		<el-aside>
			<el-container>
				<el-header style="padding: 0px;text-align: center;">
					<el-main class="nopadding">
						<leftBtn></leftBtn>
					</el-main>
				</el-header>
				<el-main style="padding: 0px;">
					<leftHand></leftHand>
				</el-main>
				<el-footer>Left Footer</el-footer>
			</el-container>
		</el-aside>
		<el-container>
			<el-header style="text-align: center;display: inline-block;">
				<centerBtn></centerBtn>
			</el-header>
			<el-main class="nopadding">
				<layoutHand></layoutHand>
			</el-main>
			<el-footer>Footer</el-footer>
		</el-container>
		<el-aside>
			<el-container>
				<el-header>
					<rightBtn></rightBtn>
				</el-header>
				<el-main>
					<rightHand></rightHand>
				</el-main>
				<el-footer>Right Footer</el-footer>
			</el-container>
		</el-aside>
	</el-container>
</template>

<script>
import leftBtn from './widget/head/leftbtn'
import centerBtn from './widget/head/centerbtn'
import rightBtn from './widget/head/rightbtn'
import leftHand from  './widget/lefthand/index'
import layoutHand from  './widget/layouthand/index'
import rightHand from  './widget/righthand/index'
export default {
	name: 'Charts Designer',
	props:{
		proId:{type: String}
	},
	components: {
		leftBtn,centerBtn,rightBtn,leftHand,layoutHand,rightHand
	},
	data() {
		return {

		}
	},
	mounted() {
	},
	methods: {

	}
}
</script>

<style>
</style>
